* {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "Open Sans";
  src: url("./OpenSans-Light.woff?v=1.1.0") format("woff");
}

@mixin flex($jc: center, $ai: center, $fd: row) {
  display: flex;
  justify-content: $jc;
  align-items: $ai;
  flex-direction: $fd;
}
// grid  函数
@mixin grid($cloumns, $rows, $gip: 0 0) {
  display: grid;
  grid-template-columns: $cloumns;
  grid-template-rows: $rows;
  grid-gap: $gip;
}
// 文字溢出隐藏
@mixin onerow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin hidden($num) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $num;
  overflow: hidden;
}
@mixin font($size, $color, $weight: normal, $family: "Open Sans") {
  font-size: $size;
  color: $color;
  font-weight: $weight;
  font-family: $family;
}
@mixin position($position,$top,$right,$bottom,$left,$width,$height) {
  position: $position;
  top: $top;
  right: $right;
  bottom:$bottom;
  left: $left;
  width: $width;
  height: $height;
}

::-webkit-scrollbar {
  width: 5px;
  height: 16px;
  background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #e5e5e5;
}